<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//Dtd HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>perfect-ssm系统主页</title>

<script src="${pageContext.request.contextPath}/js/jquery-1.12.3.min.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/bootstrap.min.css">
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script src="/js/common.js"></script>
<script type="text/javascript">
	checkCookie();
	var url;

	function addTab(url, text, iconCls) {
		var content = "<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='${pageContext.request.contextPath}/views/"
				+ url + "'></iframe>";
		$("#tabs").tabs("add", {
			title : text,
			iconCls : iconCls,
			closable : true,
			content : content
		});
	}

	function openTab(text, url, iconCls) {
		if ($("#tabs").tabs("exists", text)) {
			$("#tabs").tabs("close", text);
			addTab(url, text, iconCls);
			$("#tabs").tabs("select", text);
		} else {
			addTab(url, text, iconCls);
		}
	}

	function logout() {
		$.messager.confirm("系统提示", "您确定要退出系统吗", function(r) {
			if (r) {
				clearCookie();
			}
		});
	}
</script>
</head>
<body class="easyui-layout">
	<div region="north" style="height: 78px; background-color: #ffff">
		<nav style="width: 80%; margin: auto;" class="navbar navbar-default" role="navigation">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">Brand</a>
			</div>
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Link</a></li>
					<li><a href="#">Link</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
						<ul class="dropdown-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
							<li class="divider"></li>
							<li><a href="#">Separated link</a></li>
							<li class="divider"></li>
							<li><a href="#">One more separated link</a></li>
						</ul></li>
				</ul>
				<form class="navbar-form navbar-left" role="search" >
					<div class="form-group">习题：
						<input type="text" class="form-control" />
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">【管理员】</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown">admin<strong class="caret"></strong></a>
						<ul class="dropdown-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
							<li><a href="#">退出</a></li>
						</ul></li>
				</ul>
			</div>

		</nav>
	</div>
	<div style="margin: 100px">
		<div class="container" style="margin: 100px">
			<div class="row clearfix" style="margin-top: 20px">
				<div class="col-md-3 column" region="west"
					style="width: 300px; height: 500px;" title="导航菜单" split="true">
					<div class="easyui-accordion">
						<div title="测试：" data-options="selected:true,iconCls:'icon-wenzhangs'" style="padding: 10px; height: 10px;">
							<li><a href="#" data-options="iconCls:'icon-tupian'"  style="width: 150px;"> HTML 测验</a></li>
							<li><a href="#"  style="width: 150px;"> HTML5 测验</a></li>
							<li><a href="#"  style="width: 150px;"> XHTML 测验</a></li>
							<li><a href="#"  style="width: 150px;"> CSS 测验</a></li>
							<li><a href="#"  style="width: 150px;"> JavaScript 测验</a></li>
							<li><a href="#"  style="width: 150px;"> jQuery 测验</a></li>
							<li><a href="#"  style="width: 150px;"> XML 测验</a></li>
							<li><a href="#"  style="width: 150px;"> ASP 测验</a></li>
							<li><a href="#"  style="width: 150px;"> PHP 测验</a></li>
							<li><a href="#"  style="width: 150px;"> SQL 测验</a></li>
							
						</div>
						<div title="图片管理" data-options="iconCls:'icon-shouye'"
							style="padding: 10px">
							<a
								href="javascript:openTab(' 图片设置','pictureManage.jsp?type=1&grade=1','icon-tupians')"
								class="easyui-linkbutton"
								data-options="plain:true,iconCls:'icon-tupian'"
								style="width: 150px;"> 图片设置</a>
						</div>
						<div title="系统管理" data-options="iconCls:'icon-item'"
							style="padding: 10px; border: none;">
							<a href="javascript:openTab(' 管理员列表','userManage.jsp','icon-lxr')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-lxr'" style="width: 150px;"> 管理员列表</a>
							<a href="javascript:logout()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-exit'" style="width: 150px;"> 安全退出</a>
						</div>
					</div>
				</div>
				<div class="col-md-8 column">
					<img src="${pageContext.request.contextPath}/images/aaa.jpg" width="1100" height="600" />
				</div>
			</div>
		</div>

	</div>

</body>
</html>